<?php


//Inicializar una sesion de PHP
session_start();
 
//Validar que el usuario este logueado y exista un UID
if ( ! ($_SESSION['autenticado'] == 'SI' && isset($_SESSION['uid'])) )
{
    //En caso de que el usuario no este autenticado, crear un formulario y redireccionar a la
    //pantalla de login, enviando un codigo de error
?>
        <form name="formulario" method="post" action="../../index.php">
            <input type="hidden" name="msg_error" value="2">
        </form>
        <script type="text/javascript">
            document.formulario.submit();
        </script>
<?php
}
 
    //Conectar BD
    include("../config_DB/conectar_bd.php"); 
    conectar_bd();
 
    //Sacar datos del usuario que ha iniciado sesion
    $sql = "SELECT  tx_nombre,tx_apellidoPaterno,tx_TipoUsuario,id_usuario
            FROM tbl_users
            LEFT JOIN ctg_tiposusuario
            ON tbl_users.id_TipoUsuario = ctg_tiposusuario.id_TipoUsuario
            WHERE id_usuario = '".$_SESSION['uid']."'";        
    $result     =mysql_query($sql);
 
    $nombreUsuario = "";
 
    //Formar el nombre completo del usuario
    if( $fila = mysql_fetch_array($result) )
        $nombreUsuario = $fila['tx_nombre']." ".$fila['tx_apellidoPaterno'];
     
//Cerrrar conexion a la BD
mysql_close($conexio);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//ES" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Usuarios</title>
    <link rel="stylesheet" type="text/css" href="../../css/easyui.css">
	<!--link rel="stylesheet" type="text/css" href="../css/icon.css"-->
	<link rel="stylesheet" type="text/css" href="../../css/demo.css">
	<link rel="shortcut icon" href="../../images/favicon.jpg">
 
    <!-- CSS de Bootstrap -->
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <style type="text/css">
		#fm{
			margin:0;
			padding:10px 30px;
		}
		.ftitle{
			font-size:14px;
			font-weight:bold;
			color:#666;
			padding:5px 0;
			margin-bottom:10px;
			border-bottom:1px solid #ccc;
		}
		.fitem{
			margin-bottom:5px;
		}
		.fitem label{
			display:inline-block;
			width:80px;
		}
	</style>
	<script type="text/javascript" src="../../js/jquery-1.6.min.js"></script>
	<script type="text/javascript" src="../../js/jquery.easyui.min.js"></script>
	<script type="text/javascript">
		var url;
		function acercade(){
			$('#dl').dialog('open').dialog('setTitle','Acerca del Sistema');
			$('#fm').form('clear');
		}
		function newUser(){
			$('#dlg').dialog('open').dialog('setTitle','Nuevo Usuario');
			$('#fm').form('clear');
			url = 'salvar_cadastrousuarios.php';
		}
		function editUser(){
			var row = $('#dg').datagrid('getSelected');
			if (row){
				$('#dlg').dialog('open').dialog('setTitle','Editar Usuario');
				$('#fm').form('load',row);
				url = 'atualizar_cadastrousuarios.php?id='+row.id_usuario;
			}
		}
		function saveUser(){
			$('#fm').form('submit',{
				url: url,
					onSubmit: function(){
					return $(this).form('validate');
				},
				success: function(result){
					var result = eval('('+result+')');
					if (result.success){
						$('#dlg').dialog('close');		// close the dialog
						$('#dg').datagrid('reload');	// reload the user data
					} else {
						$.messager.show({
							title: 'Erro',
							msg: result.msg
						});
					}
				}
			});
		}
		function removeUser(){
			var row = $('#dg').datagrid('getSelected');
			if (row){
				$.messager.confirm('Confirm','Esta seguro de eliminar este usuario?',function(r){
					if (r){
						$.post('remover_cadastrousuarios.php',{id:row.id_usuario},function(result){
							if (result.success){
								$('#dg').datagrid('reload');	// reload the user data
							} else {
								$.messager.show({	// show error message
									title: 'Error',
									msg: result.msg
								});
							}
						},'json');
					}
				});
			}
		}
	</script>

  </head>
  <body>
      <div class="navbar">
	    <div class="navbar-inner">
		    <div class="container">
		     
		    <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
		    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
		    <span class="icon-bar"></span>
		    <span class="icon-bar"></span>
		    <span class="icon-bar"></span>
		    </a>
		     
		    <!-- Be sure to leave the brand out there if you want it shown -->
		    <a class="brand" href="#">Sistema de control de citas</a>
		    <ul class="nav">
				<!--li><a href="#">Inicio</a></li-->
				<li class="active"><a href="#">Gestion de Usuarios</a></li>
				<li><a href="../controlcitas/cit_P_A.php">Control de citas</a></li>
				<!--li><a href="#">Acerca de</a></li-->
				<li><a href="#" class=""  plain="true" onclick="acercade()" title="ver">Acerca de</a><li>
			</ul>
			<div id="submenu01">
				<ul class="nav">
					<li><a>Bienvenido <b><?php echo $nombreUsuario ?></b></a></li>
					<li><a href="../acceso/cerrarSesion.php">Cerrar sesi&oacute;n</a></li>
			    </ul>
		    </div>
		    <!-- Everything you want hidden at 940px or less, place within here -->
		    <div class="nav-collapse collapse">
		    <!-- .nav, .navbar-search, .navbar-form, etc -->
		    </div>
		    </div>
	    </div>
    </div>
    <!--div class="hero-unit">
  	<h1>Gestion de Usuarios</h1>
  	<p>Tabla para gestión de usuarios</p>
  	<p>
      <a href="ingresarUsuarios.php" class="btn btn-large btn-primary disabled">Ingresar usuario</a>
    </p>
  </div-->
  	<!--div class="row"-->
  		<div class="span2">
	  		<!--h2>Administradores</h2--> 			
  		</div>
  		<!--div class="span9"-->
  			<!--div class="demo-info" style="margin-bottom:0px">
				<div class="demo-tip icon-tip">&nbsp;</div>
				<h2>Administradores</h2>
				<p>Haga clic en la opción deseada en la barra de herramientas.</p>
			</div-->
			<div class="hero-unit">
			    <h1>Usuarios</h1>
			    <p>Tabla para gestion de usuarios</p>
			</div>
			<center>
	  		    <table id="dg" title="Registro de Usuarios" class="easyui-datagrid" style="width:900px;height:300px"
						url="pegar_cadastrousuarios.php"
						toolbar="#toolbar" pagination="true"
						rownumbers="true" fitColumns="true" singleSelect="true">
					<thead>
						<tr>
							<th field="tx_nombre" width="50">Nombre</th>
							<th field="tx_apellidoPaterno" width="50">Apellido 1</th>
							<th field="tx_apellidoMaterno" width="50">Apellido 2</th>
							<th field="tx_username" width="50">Usuario</th>
							<th field="tx_correo" width="50">E-mail</th>
							<th field="tx_TipoUsuario" width="50">Tipo usuario</th>
							<th field="dt_registro" width="50">Fecha de registro</th>
						</tr>
					</thead>
				</table>

				<div id="toolbar">
					<a href="ingresarUsuarios.php" class="easyui-linkbutton"  plain="true" title="Adicionar Cliente">Nuevo Usuario</a>
					<a href="#" class="easyui-linkbutton"  plain="true" onclick="editUser()" title="Alterar Dados do Cliente">Editar Usuario</a>
					<a href="#" class="easyui-linkbutton"  plain="true" onclick="removeUser()" title="Remover Dados do Cliente">Eliminar Usuario</a>
				</div>	
			</center>
					
  		<!--/div-->
  	<!--/div-->	
  				<div id="dlg" class="easyui-dialog" style="width:500px;height:445px;padding:10px 20px"
						closed="true" buttons="#dlg-buttons">
					<div class="ftitle">Dados de Usuario</div>
					<form id="fm" method="post" novalidate>
						<div class="fitem">
							<label for="tx_nombre">Nombre:</label>
							<input type="text" name="tx_nombre" id="tx_nombre" class="easyui-validatebox" required="true">
						</div>
						<div class="fitem">
							<label for="tx_apPaterno">Apellido 1:</label>
							<input type="text" name="tx_apellidoPaterno" id="tx_apellidoPaterno" class="easyui-validatebox" required="true">
						</div>
						<div class="fitem">
							<label for="tx_apMaterno">Apellido 2:</label>
							<input type="text" name="tx_apellidoMaterno" id="tx_apellidoMaterno" class="easyui-validatebox" required="true">
						</div>
						<div class="fitem">
							<label for="tx_correo">E-mail:</label>
							<input type="text" name="tx_correo" id="tx_correo" class="easyui-validatebox" validType="email" required="true">
						</div>
						<div class="fitem">
							<label for="tx_username">Usuario:</label>
							<input type="text" name="tx_username" id="tx_username" class="easyui-validatebox" required="true">
						</div>
						<!--div class="fitem">
							<label for="tx_password">Contrase&ntilde;a:</label>
							<input type="password" name="tx_password" id="tx_password" class="easyui-validatebox" required="true">
						</div>
						<div class="fitem">
							<label for="tx_password2">Confirme la contrase&ntilde;a:</label>
							<input type="password" name="tx_password2" id="tx_password2" class="easyui-validatebox" required="true">
						</div>
						<div class="fitem"-->
						<div class="fitem">
							<label for="tx_password2">Tipo de usuario:</label>
							<input type="hidden" name="i_tipoUsuario" id="i_tipoUsuario" />
				            <input type="radio" name="id_TipoUsuario" id="id_TipoUsuario" value="2"  /> Usuario normal &nbsp;&nbsp;&nbsp;
				            <input type="radio" name="id_TipoUsuario" id="id_TipoUsuario" value="1" /> Administrador
						</div>
				</div>
					</form>
				</div>	

				<div id="dlg-buttons">
					<a href="#" class="easyui-linkbutton" iconCls="" onclick="saveUser()">Salvar</a>
					<a href="#" class="easyui-linkbutton" iconCls="" onclick="javascript:$('#dlg').dialog('close')">Cancelar</a>
				</div>
  	<!--div class="row"-->	
  		<!--div class="span4">
	  		<h2>Usuarios Normales</h2>			
  		</div-->
  		<!--div class="span9">
	  		    <table class="table table-striped table-bordered">
   					<thead>
   						<tr>
   							<th>Nombre</th>
   							<th>Apellido 1</th>
   							<th>Apellido 2</th>
   							<th>Correo</th>
   							<th>Usuario</th>
   							<th>Fecha de registro</th>
   						</tr>
   					</thead>
   					<tbody>
   						<tr>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   						</tr>
   						<tr>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   						</tr>
   						<tr>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   							<td>Info</td>
   						</tr>
   					</tbody>
    			</table> 			
  		</div-->
  	<!--/div-->
  				<div id="dl" class="easyui-dialog" style="width:500px;height:400px;padding:10px 20px"
						closed="true" buttons="#dl-buttons">
					<div class="ftitle">Sistema de Control de Citas. Versión 1.0.1</div>
					<form id="fm" method="post" novalidate>
						<div class="fitem">
							<table align="center" width="400px">
								<tr>
								    <td colspan="2" ></td>
								    <td colspan="2" align="center"><p align="center"><img src="../../images/logo-sistema.jpg" WIDTH=70 HEIGHT=70></p></td>
								</tr>
								<tr>
								    <td colspan="2" ><h5>Se autoriza el uso de este producto a:</h5></td>
								    <td colspan="2" >Auto Repuestos Halcon</td>
								</tr>
							</table>
							<br>
							<p align="center">Derechos reservados 2015</p>
							<p align="center"><img src="../../images/login.png" WIDTH=180 HEIGHT=70></p>
						</div>
						<!--div class="fitem">
							<label for="tx_apPaterno">Apellido 1:</label>
							<input type="text" name="tx_apellidoPaterno" id="tx_apellidoPaterno" class="easyui-validatebox" required="true">
						</div-->
						
					</form>
				</div>
				<div id="dl-buttons">
					<a href="#" class="easyui-linkbutton" iconCls="" onclick="javascript:$('#dl').dialog('close')">Aceptar</a>
				</div>
    
 
    <!-- Librería jQuery requerida por los plugins de JavaScript -->
    <!--script src="http://code.jquery.com/jquery.js"></script-->
 
    <!-- Todos los plugins JavaScript de Bootstrap (también puedes
         incluir archivos JavaScript individuales de los únicos
         plugins que utilices) -->
    <!--script src="../js/bootstrap.min.js"></script-->
    <br><br>
    <Div  id="footer" > 
      <div  clase = "container" > 
        <p align="center"><img src="../../images/login.png" WIDTH=180 HEIGHT=70>   Diseñado por NELUX Professional Services</p>
      </div> 
    </div>
  </body>
</html>